<!DOCTYPE html>
<html lang="cmn-Hans-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>31-33</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="css/main.css">
</head>
<body>
    <!-- 编码一开始 -->
    <p>编码一</p>
    <div id="code1">
        <select id="code1-region_select">
            <option>请选择地区</option>
            <option>华北</option>
            <option>华东</option>
            <option>华南</option>
        </select>
        <select id="code1-product_select">
                <option>请选择商品</option>
                <option>手机</option>
                <option>笔记本</option>
                <option>智能音箱</option>
        </select>
        <div id="code1-table-wraper"><p>两组数据需选择至少一项</p></div>
    </div>
    <!-- 编码一结束 -->

    <hr>

    <!-- 编码二开始 -->
    <p>编码二</p>
    <div id="code2">
        <div id="code2-wrapper"></div>
        <div id="code2-result"><p>两组数据都需勾选至少一项</p></div>
    </div>
    <!-- 编码二结束 -->
    
    <script src="js/data.js"></script>
    <script src="js/func.js"></script>
    <script src="js/app.js"></script>
    <script src="js/listen.js"></script>
</body>
</html>